﻿.desktop{
margin:auto;
}
.desktop .info {
height: 0;
overflow: hidden;
-o-transition: height 0.5s ease;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.desktop .app-name {
margin: 10px 0 0 0;
font-size: 36px;
text-align: center;
}
.desktop .head:hover .info {
height: 69px;
}
.desktop .anchor{
overflow-x:hidden;
overflow-y:auto;
}
.desktop .control-panel{
width:200px;
position:fixed;
background:#fff;
z-index:10;
}
.desktop .app-anchor {
min-width: 756px;
margin-left: 200px;
}
.desktop .app-controler{
overflow:hidden;
}
.desktop .pop-window {
visibility: hidden;
position: absolute;
z-index: 0;
overflow: hidden;
left: 200px;
-webkit-transition: -webkit-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}

.desktop .pop-window.popup {
visibility: visible;
border: 3px solid #1CF;
background: #1CF;
-webkit-transition: -webkit-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition:transform 0.5s ease;
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate0, 0);
transform: translate(0, 0);
}
.desktop .pop-window.popup  .container *{
max-width: 754px;
max-height: 754px;
}
.desktop .pop-window .close {
position: absolute;
right: 0;
border: 1px solid #D86;
margin: 1px;
background: rgba(250, 250, 250, 0.4)
}
.desktop .pop-window button{
background: white;
border: 0;
padding: 3px;
border-bottom: 2px solid #d86;
margin: 3px;
}